<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接练习</title>
</head>
<body>
    <a href="p2.html">点我跳转至今日第2个页面</a>
    <a href="p5.html">点我跳转至今日第5个页面</a>
    <hr>
    <a href="https://www.baidu.com/">百度一下</a>
    <a href="https://www.tmooc.cn//">达内一下</a>
    <hr>
    <!--图片超链接-->
<a href="https://www.bilibili.com/video/BV1mN411w7dK/?spm_id_from=333.337.search-card.all.click">
    <img src="img/3.jpg" width="200px" title="所有人给我站一边">
</a>
    <hr>
    <!--页面打开方式:_self刷新当前页 _blank打开新的空白页-->
    <a href="https://www.baidu.com/" target="_self">百度1</a>
    <a href="https://www.baidu.com/" target="_blank">百度2</a>
<hr>
<h1>西游记</h1>
 <a href="##c1">快速跳转至第1章</a>
 <a href="##c2">快速跳转至第2章</a>
 <a href="##c3">快速跳转至第3章</a>
 <a href="##c4">快速跳转至第4章</a>
<h3 id="#c1">第一章 石猴出世</h3>
    <!--p*3>lorem-->
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto atque beatae blanditiis commodi corporis
        culpa distinctio dolore doloribus dolorum eius iure molestiae nemo odit quae quas, quo tempore velit
        voluptas?</p>
    <p>Alias amet assumenda cumque deleniti, dolor eaque facere fugit incidunt inventore ipsa ipsum itaque iure labore
        nobis odio officia perferendis porro praesentium provident qui quis recusandae rem suscipit voluptatem
        voluptatibus.</p>
    <p>Autem doloribus eligendi fugit quia quo ratione vitae! Aliquid aperiam blanditiis deserunt ea eaque excepturi
        inventore ipsa ipsum, necessitatibus nemo nisi odit officia possimus, qui quod sunt temporibus vel veniam!</p>
<h3 id="#c2">第二章 蓬莱学艺</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, asperiores aut consectetur cumque deleniti dolorum
        error ex facere, facilis fuga inventore iste iusto nemo nesciunt quibusdam quis sequi sint voluptatum?</p>
    <p>Aperiam blanditiis consequatur cum cumque dolores id laboriosam maxime minus, nam, porro quaerat quod repellat
        repellendus sit voluptas voluptates voluptatum? Aperiam distinctio ipsum molestias natus numquam optio quidem
        quo tenetur.</p>
    <p>Accusantium adipisci alias beatae consectetur consequuntur debitis deserunt, doloribus eveniet explicabo itaque,
        magni natus non quidem quisquam rem repellat ullam? Hic maxime molestiae quo. Facere fugiat nam pariatur rem
        saepe!</p>
<h3 id="#c3">第三章 龙宫借宝</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A cupiditate delectus deleniti dolorem earum fugiat
        fugit illo ipsam molestiae natus nulla omnis, porro quam repudiandae, sed ullam vel voluptates!
        Exercitationem.</p>
    <p>Accusantium architecto blanditiis commodi consequatur delectus, deleniti inventore iusto magni minima
        necessitatibus nulla perspiciatis quam ratione rem sunt ut veritatis vitae voluptatem! Eius explicabo id,
        inventore repellendus sapiente sunt voluptates!</p>
    <p>Animi aperiam eum fugit, mollitia sapiente sequi voluptates! Blanditiis deserunt, explicabo fuga ipsam minima
        modi neque nihil optio perspiciatis placeat quibusdam quo ratione saepe sapiente tempore ullam veniam voluptas,
        voluptates?</p>
<h3 id="#c4">第四章 大闹天宫</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus animi aperiam atque cum distinctio harum
        minima perspiciatis possimus provident, suscipit. Animi commodi esse excepturi fugiat ipsa non nulla quasi
        rerum.</p>
    <p>Alias, commodi consectetur delectus dolor eaque, eius hic illo ipsum natus porro quibusdam, quidem recusandae
        saepe? Assumenda corporis iusto maiores quas repudiandae ut veniam. Beatae dolor ex laudantium sed ut.</p>
    <p>Amet blanditiis cum delectus, dolor dolore, doloremque illo laboriosam magnam nostrum omnis optio perferendis
        quidem reiciendis voluptatibus voluptatum. Adipisci corporis cum, explicabo facilis nihil nostrum officia
        praesentium ratione rerum saepe!</p>
    <a href="#">快速跳转至顶部</a>
</body>
</html>